<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <!-- Place favicon.ico in the root directory -->

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">

    <!-- bootstarp.css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- fullpage.css -->
    <link rel="stylesheet" href="css/jquery.fullPage.css">

    <!-- style.css -->
    <link rel="stylesheet" href="css/style.css">

    <!-- bootstarp.css -->
    <link rel="stylesheet" href="css/swiper.min.css">

</head>
<body>

<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<div class="header section fp-auto-height s1">
    <div class="header-mp">
        <div class="header-mp-left">
            <div class="logo">
                <img src="img/logo.png" class="left" alt=""/>
                <div class="logo-title left">
                    <p>始于1992年</p>
                    <h3>金属天花、金属幕墙工程解决专家</h3>
                </div>
            </div>
        </div>
        <div class="header-mp-right">
            <div class="header-title">
                <p class="phone">0757-86405493</p>
                <div class="language">
                    <a href="javascript:void (0);" class="l-action">中文</a>|
                    <a href="javascript:void (0);" >English</a>
                </div>
                <div class="search">
                    <form action="" method="post">
                        <div class="kuan"><input name="" type="text" /></div><!--搜索框-->
                        <div class="an"><input name="" type="button" /></div><!--搜索按钮-->
                    </form>
                </div>
            </div>
            <div style="clear: both"></div>
            <ul class="menu">
                <li class="li"><a href="javascript:void (0)" class="active a">首页</a></li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">关于拓得利</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>走进拓得利</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>拓得利理念</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>发展历程</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>企业文化</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>企业荣誉</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">项目工程</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>室外案例</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>室内案例</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">产品中心</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>方板天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>条扣天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>格栅天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>挂片天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>屏障天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>工程灯</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>铝单板</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>异型天花</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>玻璃幕墙</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>铝门窗</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">服务与支持</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>售后服务</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>营销网络</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">招商加盟</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>加盟优势</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>加盟支持</a></li>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>加盟流程</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li">
                    <a href="javascript:void (0)" class="a">联系我们</a>
                    <div class="secondcolumn">
                        <ul>
                            <li><a href="javascript:void (0)"><img src="img/list.png" class="secondcolumn-icon"/>电子地图</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--banner-->
<div>
    <img src="img/banner-2.png" width="100%"/>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="main-title">
                <img src="img/%20product-title.png" class="img-responsive center-block"/>
            </div>
        </div>

        <div class="col-md-6">
            <h1 class="product-title">产品详情介绍</h1>
            <div id="magnifier">
                <div class="small-box" style="overflow: hidden">
                    <img src="img/img-1.png" alt="#">
                    <!--<span class="hover"></span>-->
                </div>
                <div class="thumbnail-box">
                    <a href="javascript:;" class="btn btn-prev"></a>
                    <a href="javascript:;" class="btn btn-next"></a>
                    <div class="list">
                        <ul class="wrapper">
                            <li class="item item-cur" data-src="img/img-1.png"><img src="img/img-1.png" alt="#" style="width: 64px ; height: 64px"></li>
                            <li class="item" data-src="img/img-2.png"><img src="img/img-2.png" alt="#" style="width: 64px ; height: 64px"></li>
                            <li class="item" data-src="img/img-1.png"><img src="img/img-1.png" alt="#" style="width: 64px ; height: 64px"></li>
                            <li class="item" data-src="img/img-1.png"><img src="img/img-1.png" alt="#" style="width: 64px ; height: 64px"></li>
                            <li class="item" data-src="img/img-1.png"><img src="img/img-1.png" alt="#" style="width: 64px ; height: 64px"></li>
                            <li class="item" data-src="img/img-1.png"><img src="img/img-1.png" alt="#" style="width: 64px ; height: 64px"></li>
                        </ul>
                    </div>
                </div>
                <!--<div class="big-box">-->
                    <!--<img src="images/big_1.jpg" alt="#">-->
                <!--</div>-->
            </div>

        </div>
        <div class="col-md-6">
            <div class="productText">
                <h3>三角专利板天花</h3>
                <div class="info"><p class="MsoNormal">三角板天花是现代新型创新的设计性天花，设计造型个性，典雅、明快、大方、庄重；
                    结构精巧，装拆简便；无懈可击的防火、防潮功能；拼接无缝，易于清洁，经久耐用；
                    色彩搭配柔和平顺，单元组装简易，便于内层维护。适于高级写字楼、会所、银行、商
                    场等地方使用。多种色彩、规格可供选择。<span style="font-family: Calibri; font-size: 10.5pt;"></span></p></div>
                <div class="productInfo">
                    <div class="fixed">
                        <b>
                            产品类别
                        </b>
                        <p class="productInfo-div-p">
                            方板天花系列
                        </p>
                    </div>
                    <div class="fixed">
                        <b>
                            产品特点
                        </b>
                        <p class="productInfo-div-p">
                            防火，防潮，环保
                        </p>
                    </div>
                    <div class="fixed">
                        <b>
                            使用场景
                        </b>
                        <p class="productInfo-div-p">
                            商场，高铁站，政企单位，学校等；
                        </p>
                    </div>
                    <div class="fixed">
                        <b>
                            主要规格
                        </b>
                        <p class="productInfo-div-p">
                            1.可定制非常规尺寸；2.可定制镀锌铁方板
                        </p>
                    </div>
                    <div class="fixed">
                        <b>
                            发明专利号
                        </b>
                        <p class="productInfo-div-p">
                            201510895303.9
                        </p>
                    </div>

                    <div class="fixed">
                        <b>
                            产品特性
                        </b>
                        <ul>
                            <li >
                                <img src="img/120.jpg"
                                     alt="强耐磨" title="强耐磨" >
                                <p class="productInfo-p">
                                    强耐磨
                                </p>
                            </li>
                            <li>
                                <img src="img/121.jpg"
                                     alt="低辐射" title="低辐射">
                                <p class="productInfo-p">
                                    低辐射
                                </p>
                            </li>
                            <li>
                                <img src="img/122.jpg"
                                     alt="低吸水率" title="低吸水率">
                                <p class="productInfo-p">
                                    低吸水率
                                </p>
                            </li>
                            <li>
                                <img src="img/123.jpg"
                                     alt="耐酸碱" title="耐酸碱">
                                <p class="productInfo-p">
                                    耐酸碱
                                </p>
                            </li>
                            <li>
                                <img src="img/124.jpg"
                                     alt="高硬度" title="高硬度">
                                <p class="productInfo-p">
                                    高硬度
                                </p>
                            </li>
                            <li>
                                <img src="img/125.jpg"
                                     alt="防滑" title="防滑">
                                <p class="productInfo-p">
                                    防滑
                                </p>
                            </li>
                            <li>
                                <img src="img/126.jpg"
                                     alt="防冻" title="防冻">
                                <p class="productInfo-p">
                                    防冻
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12" style="margin-top: 100px">
            <hr/>
            <h1 class="product-title">产品安装图</h1>
            <img src="img/img-2.png"/>
        </div>

        <div class="col-md-12">
            <h1 class="product-title">产品配件图</h1>
            <div class="brand-mp-p">
                <div class="box-p">
                    <div>
                        <ul id="roll-p">
                            <li><img src="img/img-4.png"/><p>三角板固件</p></li>
                            <li><img src="img/img-4.png"/><p>三角板固件</p></li>
                            <li><img src="img/img-4.png"/><p>三角板固件</p></li>
                            <li><img src="img/img-4.png"/><p>三角板固件</p></li>
                            <li><img src="img/img-4.png"/><p>三角板固件</p></li>
                        </ul>
                    </div>
                    <span class="prev"><img src="img/jt-left.png"/> </span>
                    <span class="next"><img src="img/jt-right.png"/></span>
                </div>
            </div>
        </div>

        <div class="col-md-12" >
            <hr style="margin-bottom: 30px" >
            <h1 class="product-title">颜色选择</h1>
            <img src="img/coler.png"/>
        </div>


        <div class="col-md-12" style="margin-top: 30px">
            <h1 class="product-title">产品优势</h1>
            <img src="img/advantages.png"/>
            <img src="img/img-7.png">
        </div>

        <div class="col-md-12" style="margin-top: 30px">
            <h1 class="product-title">应用场景</h1>

            <div style="width: 710px; margin: 0 auto;">
                <!-- Swiper -->
                <div class="swiper-container" style="height: 450px">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                        <div class="swiper-slide"><img src="img/img-8.png" /><p style="height: 40px ; line-height: 40px; font-size: 16px;text-align: center">广州地铁站</p></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination" style="bottom: 15px;"></div>
                </div>
            </div>

        </div>

        <div class="col-md-12" style="margin-top: 40px; margin-bottom: 30px">
            <hr/>
            <ul class="links">
                <h3>友情链接：</h3>
                <li>
                    <a href="#">联兴得利装饰材料</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">佛山吊顶天花协会</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">联兴得利装饰材料</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">佛山吊顶天花协会</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">联兴得利装饰材料</a>
                </li>
                <li>
                    <a href="#">友帮集成吊顶</a>
                </li>
                <li>
                    <a href="#">佛山装饰材料协会</a>
                </li>
                <li>
                    <a href="#">佛山吊顶天花协会</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="footer-bg">
    <div class="footer-container">
        <ul class="footer-meun">
            <li class="footer-meun-li">
                <h3>关于拓得利</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">走进拓得利</a></li>
                    <li><a href="javascript:void (0)">发展历史</a></li>
                    <li><a href="javascript:void (0)">企业理念</a></li>
                    <li><a href="javascript:void (0)">企业荣誉</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>项目案例</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">室内案例</a></li>
                    <li><a href="javascript:void (0)">室外案例</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>产品中心</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">方板天花</a></li>
                    <li><a href="javascript:void (0)">条扣天花</a></li>
                    <li><a href="javascript:void (0)">格栅天花</a></li>
                    <li><a href="javascript:void (0)">挂片天花</a></li>
                    <li><a href="javascript:void (0)">屏障天花</a></li>
                    <li><a href="javascript:void (0)">工程灯</a></li>
                    <li><a href="javascript:void (0)">铝单板</a></li>
                    <li><a href="javascript:void (0)">异型天花</a></li>
                    <li><a href="javascript:void (0)">玻璃幕墙</a></li>
                    <li><a href="javascript:void (0)">铝门窗</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>新闻中心</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">企业新闻</a></li>
                    <li><a href="javascript:void (0)">行业动态</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>服务与支持</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">售后服务</a></li>
                    <li><a href="javascript:void (0)">营销网络</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>招商加盟</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">加盟优势</a></li>
                    <li><a href="javascript:void (0)">加盟支持</a></li>
                    <li><a href="javascript:void (0)">加盟流程</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>联系我们</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">电子地图</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>其他品牌</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)">维斯特</a></li>
                    <li><a href="javascript:void (0)">联兴得利</a></li>
                    <li><a href="javascript:void (0)">联兴</a></li>
                    <li><a href="javascript:void (0)">宝利鸿</a></li>
                </ul>
            </li>
            <li class="footer-meun-li">
                <h3>社交媒体</h3>
                <ul class="footer-meun-two">
                    <li><a href="javascript:void (0)"><img src="img/icon-wechat.png" style="padding-right: 5px"/>微信</a></li>
                    <li><a href="javascript:void (0)"><img src="img/icon-weibo.png" style="padding-right: 5px"/>新浪微博-拓得利</a></li>
                    <li><a href="javascript:void (0)"><img src="img/icon-facebook.png" style="padding-right: 5px"/>facebook-拓得利</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="footer-bottom after-box">
        <span>广东省佛山市南海联兴得利装饰材料有限公司</span>   <span>版权所有</span>   <span>备案号：粤IPC 05032019-3</span>      <span>地址：广东省佛山市南海区罗村联和工业区石碣朗西1号</span>       <span>电话：0757-86405493</span>
    </div>
</div>
<!--回到顶部-->
<div id="elevator_item">
    <a id="elevator" onclick="return false;" title="回到顶部">
        <div class="go-top"><img src="img/ioon-TOP.png"/></div>
    </a>
</div>





<!-- Add your site or application content here -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<script src="js/jquery.fullPage.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#fullpage').fullpage({
            sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
            anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
        });
    });
</script>



<script src="js/magnifier.js"></script>
<script>
    $(function () {

        $('#magnifier').magnifier();

    });
</script>


<script src="js/super_slider.js"></script>
<script>
    $(".box-p").superSlider({
        prevBtn: 	 ".prev",//左按钮
        nextBtn: 	 ".next",//右按钮
        listCont:    "#roll-p",//滚动列表外层
        scrollWhere: "prev",//自动滚动方向next
        delayTime: 	 3000,//自动轮播时间间隔
        speed: 		 300,//滚动速度
        amount: 	 1,//单次滚动数量
        showNum: 	 4,//显示数量
        autoPlay: 	 true//自动播放
    });
</script>


<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script>




</body>
</html>
